<template>
  <div class="DateUtil page-container mini-padding">
    <h1 class="mini-margin">一、内置常用日期格式化方法</h1>
    <h2 class="mini-margin">&nbsp;&nbsp;文件路径 src/utils/Date.ts</h2>
    <a-button type="primary" class="mini-margin">格式化日期函数{{ DateUtil.format(new Date()) }}</a-button>
    <a-button type="primary" class="mini-margin">时间戳格式化日期函数 {{ DateUtil.formatTimeStamp(new Date().getTime(), 'YY-MM-DD hh:mm:ss') }} </a-button>
    <h2 class="mini-margin">使用说明</h2>
    <pre style="font-size: 14px;">
      <h3>1. 引入</h3>
      import { DateUtil } from '@/utils/index'
      <h3>2. 格式化日期函数 </h3>
          --参数date  必填  Date类型  需要格式化的日期
          --参数config  选填  string类型  格式类型  默认值  'YY-MM-DD hh:mm:ss'
      <h4>   使用示例</h4>
      DateUtil.format(new Date(), 'YY-MM-DD hh:mm:ss')
      <h3>3. 时间戳格式化日期函数</h3>
          --参数timeStamp  必填  number类型  时间戳
          --参数formatStr  选填  string类型  格式类型  默认值  'YY-MM-DD hh:mm:ss'
      <h4>   使用示例</h4>
      DateUtil.formatTimeStamp(new Date().getTime(), 'YY-MM-DD hh:mm:ss')
    </pre>
  </div>
</template>

<script lang='ts' setup>
import { DateUtil } from '@/utils';
</script>

<style scoped lang='scss'>
.DateUtil{}  
</style>